<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet"%>
<portlet:defineObjects />
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Select Attribute</title>
<script src="http://www.openlayers.org/dev/OpenLayers.js"></script>
<script type="text/javascript">
	var content = "";
	var _check=false;
	var f_Family="",f_Style="",f_Color="",f_Size="";
	var start = "<form name='frm' style='font-size:12'><table>"
			+ "<tr><td colspan='2' style='text-align:center'>Chọn thông tin hiển thị</td></tr>";
	var end = "<tr><td><input type='button' value='Hiển thị'" 
			+ " onclick='getSelect(document.getElementsByName(\"check_list\"),"
			+"\"selectFont\",\"selectColor\",\"selectFontStyle\",\"selectFontSize\");'"
			+ "</td></tr></table</form>";
	for(var i=0;i<arr_checkbox_id.length;i++){
		var values=arr_checkbox_id[i];
		if(item_checking(arr_checkbox_id, values)==true){
			_check=true;	
		}else{
			_check=false;
		}
	}
	for ( var i = 0; i < arrField.length; i++) {
		content += "<tr><td><input type='checkbox' id='"+i+"' onclick='cbo_checked_change(this)' title='"+arrAlias[i]+"' name='check_list' value='"+arrField[i]+"'/></td>"
				+ "<td> " + arrAlias[i] + "</td></tr>";
	}
	for(var i = 0;i<font_Family_Name.length;i++){
		f_Family+="<option value='"+font_Family_Name[i]+"'>"+font_Family_Alias[i]+"</option>";
	}
	for(var j =0;j<font_Color_Name.length;j++){
		f_Color+="<option value='"+font_Color_Name[j]+"'>"+font_Color_Alias[j]+"</option>";
	}
	for(var x =0; x<font_Style_Name.length;x++){
		f_Style+="<option value='"+font_Style_Name[x]+"'>"+font_Style_Alias[x]+"</option>";
	}
	for(var n=10;n<=50;n++){
		f_Size+="<option value='"+n+"'>"+n+"</option>";
	}
	content+="<tr><td>Chọn phông chữ:</td><td><select id='selectFont'>"
		+ f_Family+"</select></td></tr>"
		+"<tr><td>Chọn màu chữ:</td><td><select id='selectColor'>"
		+f_Color+"</select></td></tr>"
		+"<tr><td>Chọn kiểu chữ:</td><td><select id='selectFontStyle'>"
		+f_Style+"</select></td></tr>"
		+"<tr><td>Chọn cỡ chữ:</td><td><select id='selectFontSize'>"
		+f_Size+"</select></td></tr>";
	document.getElementById("content").innerHTML = start + content + end;
</script>
</head>
<body>
	<div id="content"></div>
</body>
<%
	String sRequest = renderRequest.getContextPath();
%>
<input id="txtRequest" type="hidden" value=<%=sRequest%>></input>
<%
	String sScript_Path_Map = sRequest;
	sScript_Path_Map = sScript_Path_Map + "/js/label_tooltip.js";
	out.println("<script type='text/javascript' src='"
			+ sScript_Path_Map + "'></script>");
%>
</html>